body
{
	 background-color:#DEB887;  
}
#home
{	
	text-align: center; 			
}

.headerCSS
{
	position: relative;
	text-align: center;
	img-align: center;	
	width: 50%;
    margin: 0 auto;  
    padding: 1em;   
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    box-shadow: 0px 4px 4px rgba(0, 0, 1, 1.0), 0px 0px 40px rgba(0, 0, 0, 0.4) inset;	
	font-weight: bold;
	font-size: 30px
	
}

.menuBox {
    position: relative;    
    float: left;
    width: auto;
    padding: 1em;
    margin: 0 auto;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 1.3), 0px 0px 10px rgba(0, 0, 0, 0.6) inset;    
}


.loginCSS {
    position: relative; 
    text-align: center;         
    width: 110px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 4px;
    padding-right: 4px;
    height: 20px;
    margin-top: -5%;
    margin-bottom: 5%;
    float:right;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 1.0), 0px 0px 10px rgba(0, 0, 0, 0.8) inset;    
 }
 
 .registerCSS {
    position: relative; 
    text-align: center;         
    width: 110px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 4px;
    padding-right: 4px;
       
    height: 20px;  
    float:left;
    margin-left:84%;    
    margin-top: -5%;
    margin-bottom: 5%;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 1.0), 0px 0px 10px rgba(0, 0, 0, 0.8) inset; 
 }
 
  .helloUser {
    position: relative; 
    text-align: center;         
    width: 110px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 4px;
    padding-right: 4px;
       
    height: 20px;  
    float:left;
    margin-left:84%;    
    margin-top: -10.15%;
    margin-bottom: 5%;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 1.0), 0px 0px 10px rgba(0, 0, 0, 0.8) inset; 
 }
 .logoutCSS {
    position: relative; 
    text-align: center;         
    width: 110px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 4px;
    padding-right: 4px;
    height: 20px;
    margin-top: -5%;
    margin-bottom: 5%;
    float:right;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 1.0), 0px 0px 10px rgba(0, 0, 0, 0.8) inset;    
 }

.image
{   
	text-align: center;
	img-align: center;
	left: 25%;	
    width: auto;
    padding: 1em;
    padding-bottom: 1%;
    margin: 0 auto;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3), 0px 0px 40px rgba(0, 0, 0, 0.7) inset;
    clear: bottom;
	clear:right;	
}

.tourCSS
{   
	text-align: center;
	img-align: center;
	left: 25%;	
    width: 600px;    
    padding-top: 3%;
    padding-bottom: 5%;
    margin: 0 auto;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3), 0px 0px 40px rgba(0, 0, 0, 0.7) inset;
    clear: bottom;
	clear:right;	
}

.genericCSS
{   
	text-align: center;
	img-align: center;
	left: 25%;	
    width: 600px;    
    padding-top: 3%;
    padding-bottom: 5%;
    margin: 0 auto;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3), 0px 0px 40px rgba(0, 0, 0, 0.3) inset;
    clear: bottom;
	clear:right;	
}

.button
 {  
 	position: relative; 	
    text-align: center; 
    img-align: center;   
    left: 38%;
    width: 200px;
	height: 20px;
    padding: 8px;
	top: 15%;
    margin: 2em 10px 4em;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 1.0), 0px 0px 40px rgba(0, 0, 0, 0.1) inset;
	background-color: lightgray; 
}
		



#banner
{
	background-color: #F2D4B6
}

h1
{
	text-align: center;
	width:1000px;
}
#title 
{				
	color: white;
    background-color: #F2D4B6;
    width: 1000px;	
    align: center;    
    margin:0 auto;     
}

#name
{
	float:right;
}

#menu
{
	
	width:100%;
	float:left;
	position:relative;
	
}

#menu ul li a
{
	text-decoration:none;
	text-align:center;
	font-family:sans-serif;
	background-color:white;
	color: black;	
	display:block;
	float:left;
	width:105px;
	height:20px;	
	padding:5x;
	margin:0px;	
	
}

#menu ul li a:hover
{
	font-weight: bold;
}

#menu ul
{
	
	padding:0;
	margin:0;
	position:relative;
	left:50%;
	text-align: center;
	clear:left;
	float:left;
}
#menu ul li
{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	right:50%;

}

.clearBoth
{
	clear:both;
}

#container
{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	background-color: #DEB887;
}

#loginPane
{
	width:400px;
	height:140px;
	background-color:lightgray;
	margin-left:auto;
	margin-right:auto;
}

.loginLabel
{
	width:80px;
	height:20px;
	margin-left:60px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	vertical-align:middle;
}

#username, #password
{
	width:180px;
	height:20px;
	margin-left:10px;
	margin-right:60px;
	margin-top:10px;
	margin-bottom:10px;
}

.standardButton
{	
	width: 200px;
	height:20px;
	display:block;	
	text-decoration:none;	
	font-family:sans-serif;
	font-weight: bold;
	text-align:center;
	color:black;
	font-size:16px;	
	background-color:lightgray;	  
}
.standardButtonRed
{
	width:80px;
	height:20px;
	display:block;
	text-decoration:none;
	border:1px solid black;
	font-family:sans-serif;
	text-align:center;
	color:black;
	font-size:16px;	
	background-color:red;
	font-weight:bold;
}
.standardButtonGreen
{
	width:80px;
	height:20px;
	display:block;
	text-decoration:none;
	border:1px solid black;
	font-family:sans-serif;
	text-align:center;
	color:black;
	font-size:16px;	
	background-color:green;
	
}
.standardButton:hover
{
	background-color:white;
}

.standardButton2
{
	width:80px;
	height:20px;
	display:block;
	float:left;
	text-decoration:none;
	border:1px solid black;
	font-family:sans-serif;
	text-align:center;
	color:black;
	font-size:16px;	
	background-color:lightgray;
}
.standardButton2:hover
{
	background-color:white;
}

#loginButton
{
	
	margin-left:99px;
	margin-right:19px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}

#registerButton
{
	margin-left:19px;
	margin-right:99px;
	margin-top:10px;
	margin-bottom:10px;	
	float:left;	 
}



#searchPane
{
	width:400px;
	height:90px;
	background-color:lightgray;
	margin-left:auto;
	margin-right:auto;
}
.searchLabel
{
	width:80px;
	height:20px;
	margin-left:60px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	vertical-align:middle;
}
#searchButton
{
	width:80px;
	margin-left:160px;
	margin-right:160px;
	margin-top:10px;
	margin-bottom:10px;
}
#tourVideo
{
	width:560px;
	height:315px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
#register
{
	width:400px;
	height:auto;
	background-color:lightgray;
	margin-left:auto;
	margin-right:auto;
	
}
.registerLabel
{
	width:150px;	
	display:block;
	float:left;
	
}
.registerTextBox
{
	width:240px;
	float:left;
}
#registerButton2
{
	margin-left:159px;
	margin-right:159px;
}

#admin
{
	width:840px;
	height:100%;
	margin-left:auto;
	margin-right:auto;	
}

.adminLabel
{
	width:150px;	
	display:block;
	float:left;		
}

.labelTextBox
{
	width:240px;
	float:left;
}
.adminTextBox
{
	width:240px;
	float:left;
}
.adminTextAreaBox
{
	width:240px;
	resize:none;
	float:left;
}
#profile
{
	width:600px;
	height:auto;
	background-color:lightgray;
	margin-left:auto;
	margin-right:auto;
}
#profile h1
{
	text-align:center;
}

#profile ul li, #history ul li
{
	 float:left; 
	 display:inline;
}
#profile ul
{
	list-style-type:none;
	margin:0;
	padding:0;	
}
.standardButton3
{
	width:100px;
	height:20px;
	display:block;
	float:right;
	text-decoration:none;
	border:1px solid black;
	font-family:sans-serif;
	text-align:center;
	color:black;
	font-size:16px;	
	background-color:lightgray;
	margin-right:50px;
}
.standardButton3:hover
{
	background-color:white;
}
#newCache
{
	position:relative;
	top:0px;
	left:210px;
	width:400px;
	height:100%;
	margin:10px;
	background-color:lightgray;
}

#userPane
{
	width:400px;
	height:auto;
	margin:10px;
	float:left;
	background-color:lightgray;
}

#userScroll
{
	width:400px;
	height:250px;
	overflow:auto;		
}

#cachePane
{
	width:400px;
	height:auto;
	margin:10px;
	float:right;
	background-color:lightgray;
}

#cacheScroll
{
	width:400px;
	height:250px;
	overflow:auto;		
}

#googleMapDiv 
{
	width:400px;
	height:400px;
}
	<!--CACHE CSS-->
	body
	{
		background-color: #F8F8F8 ;
		text-align:justify;
	}
	h1
	{
			clear:both;
		    margin: 0; 
		    padding: 0; 				
	}				
	p
	{
			width: 600px;
	}
	#mainP
	{
		width: 300px;
		margin: auto;
	}
	img
	{		
		clear:top;
		width: 400;
		height: 275;
		margin: auto;
	}		
	#mapImage
	{			
		text-align:center;
		border: solid 3px;
		float: right;
		
		width: auto;
		margin: auto;
		padding-left: 1%;
		padding-right: 1%;
		
		background-color: #F8F8F8 ;
	}			
	
	ol
	{				
			padding-top: 1%;
			padding-bottom: 1%;
			background-color: #F0F0F0 ;
			width: 200px;
			border: solid 1px;				
	}
	#main
	{
		margin: auto;			
	}
	#newHeader
	{
	margin: auto;	
	}
